<template>
  <div>
    <p>选择你喜欢的球星</p>
    <input type="checkbox" value="科比" v-model="hobby">科比
    <input type="checkbox" value="詹姆斯" v-model="hobby">詹姆斯
    <input type="checkbox" value="杜兰特" v-model="hobby">杜兰特
    <input type="checkbox" value="哈登" v-model="hobby">哈登
    <input type="checkbox" value="欧文" v-model="hobby">欧文
    <input type="checkbox" value="乔治" v-model="hobby">乔治
    <ul>
      <li v-for="(item,index) in hobby" :key="index">{{item}}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data(){
    return {
      hobby:[]
    }
  }
}
</script>

<style>

</style>